import React,{ Component } from "react";

export default class Hello extends Component {
    constructor(props) {
        super(props)
        this.state = {count: 0}
    }

    increment = () => {
        // 同一个方法中，多次短时间执行多个 setState时，为了性能优化，React 会将多个 setState 合并为一个，同一处理
        // 统一合并队列
        this.setState({
            count: ++this.state.count
        })
    }
    render() {
        let {count} = this.state
        return (
            <div>
                <button onClick={this.increment}>+</button>
                <div>{count}</div>
            </div>
        )
    }
}

// export default function Hello() {
  

//     return (
//         <div>
          
//         </div>
//     )
// }